<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, 
fieldset,input,textarea,p,blockquote,th,td,aside,header,label{ 
  margin:0; 
  padding:0; 
}
table { 
  border-collapse:collapse; 
  border-spacing:0; 
} 
fieldset,img { 
  border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
  font-style:normal; 
  font-weight:normal; 
} 
ol,ul,li { 
  list-style:none; 
} 
caption,th { 
  text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
  font-size:100%; 
  font-weight:normal; 
} 
q:before,q:after { 
  content:''; 
}
body{
  padding:0;margin:0;
  background: #f4f4f4;
}
::-ms-clear{display: none;}
::-ms-reveal{display: none;}
</style>

